<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>student manage</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<script src="../js/jquery-3.4.1.min.js" type="text/javascript"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript"></script>
		<script src="../js/student.js" type="text/javascript"></script>
		<link rel="stylesheet" href="../css/student.css" type="text/css">
	</head>
	<body>
	<div class="container pd">
		<div class="student-title " >
			<div><h1>学生管理</h1></div>
		</div>
		<div class="std-cont">
			<div class="row std-search">
				<div class="col-md-1"  style="margin-left: 0; padding-left: 0;">
					<div class="btn-group">
					  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						  &nbsp;班级&nbsp;<span class="caret"></span>
					  </button>
					  <ul class="dropdown-menu">
						<li><a href="#">xx小班</a></li>
						<li><a href="#">xx中班</a></li>
						<li><a href="#">xx大班</a></li>
					  </ul>
					</div>
				</div>
				<div class="col-md-1">
					<div class="btn-group">
					  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						  &nbsp;状态&nbsp;<span class="caret"></span>
					  </button>
					  <ul class="dropdown-menu">
						<li><a href="#">在校</a></li>
						<li><a href="#">在假</a></li>
						<li><a href="#">已毕业</a></li>
					  </ul>
					</div>
				</div>
				<div class="col-md-1 std-btn-area">
					<button type="button" class="btn btn-default std-btn btn-color">查询</button>
				</div>
				<div class="col-md-8"></div>
				<div class="col-md-1">
					<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#std-add"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 添加</button>
				</div>
			</div>
			<div class="row std-list">
				<table class="table table-bordered table-striped">
				<thead>
					<tr>
						<th>

						</th>
						<th>学号</th>
						<th>姓名</th>
						<th>性别</th>
						<th>年龄</th>
						<th>班级</th>
						<th>入学时间</th>
						<th>监护人</th>
						<th>联系电话</th>
						<th>家庭住址</th>
						<th>个人状态</th>
						<th>操作</th>
					</tr>
				</thead>
					<tbody>
						<!--<tr>-->
							<!--<td></td>-->
							<!--<td>空</td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
							<!--<td></td>-->
						<!--</tr>-->

						<tr>
							<td>
								<div class="mui-input-row mui-checkbox ">
								<input name="Checkbox" type="checkbox">
								</div>
							</td>
							<td>190001</td>
							<td>张三</td>
							<td>男</td>
							<td>4</td>
							<td>xx小班</td>
							<td>2019/9/5</td>
							<td>张父</td>
							<td>133xxxxxxxx</td>
							<td>xx路xx校区x-x</td>
							<td>在校</td>
							<td>
								<button type="button" class="btn btn-primary btn-color" data-dismiss="modal"><span class="glyphicon glyphicon-search"></span></button>
								<button type="button" class="btn btn-danger btn-color"><span class="glyphicon glyphicon-trash"></span></button>
							</td>
						</tr>
						<tr>
							<td>
								<div class="mui-input-row mui-checkbox ">
									<input name="Checkbox" type="checkbox">
								</div>
							</td>
							<td>190001</td>
							<td>张三</td>
							<td>男</td>
							<td>4</td>
							<td>xx小班</td>
							<td>2019/9/5</td>
							<td>张父</td>
							<td>133xxxxxxxx</td>
							<td>xx路xx校区x-x</td>
							<td>在校</td>
							<td>
								<button type="button" class="btn btn-primary btn-color" data-dismiss="modal"><span class="glyphicon glyphicon-search"></span></button>
								<button type="button" class="btn btn-danger btn-color"><span class="glyphicon glyphicon-trash"></span></button>
							</td>
						</tr>
						<tr>
							<td>
								<div class="mui-input-row mui-checkbox ">
									<input name="Checkbox" type="checkbox">
								</div>
							</td>
							<td>190001</td>
							<td>张三</td>
							<td>男</td>
							<td>4</td>
							<td>xx小班</td>
							<td>2019/9/5</td>
							<td>张父</td>
							<td>133xxxxxxxx</td>
							<td>xx路xx校区x-x</td>
							<td>在校</td>
							<td>
								<button type="button" class="btn btn-primary btn-color" data-dismiss="modal"><span class="glyphicon glyphicon-search"></span></button>
								<button type="button" class="btn btn-danger btn-color"><span class="glyphicon glyphicon-trash"></span></button>
							</td>
						</tr>
						<tr>
							<td>
								<div class="mui-input-row mui-checkbox ">
									<input name="Checkbox" type="checkbox">
								</div>
							</td>
							<td>190001</td>
							<td>张三</td>
							<td>男</td>
							<td>4</td>
							<td>xx小班</td>
							<td>2019/9/5</td>
							<td>张父</td>
							<td>133xxxxxxxx</td>
							<td>xx路xx校区x-x</td>
							<td>在校</td>
							<td>
								<button type="button" class="btn btn-primary btn-color" data-dismiss="modal"><span class="glyphicon glyphicon-search"></span></button>
								<button type="button" class="btn btn-danger btn-color"><span class="glyphicon glyphicon-trash"></span></button>
							</td>
						</tr>
						<tr>
							<td>
								<div class="mui-input-row mui-checkbox ">
									<input name="Checkbox" type="checkbox">
								</div>
							</td>
							<td>190001</td>
							<td>张三</td>
							<td>男</td>
							<td>4</td>
							<td>xx小班</td>
							<td>2019/9/5</td>
							<td>张父</td>
							<td>133xxxxxxxx</td>
							<td>xx路xx校区x-x</td>
							<td>在校</td>
							<td>
								<button type="button" class="btn btn-primary btn-color" data-dismiss="modal"><span class="glyphicon glyphicon-search"></span></button>
								<button type="button" class="btn btn-danger btn-color"><span class="glyphicon glyphicon-trash"></span></button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="row">
				<div class="col-md-3">
					<button type="button" class="btn btn-primary mgl btn-color" id="selall">全选</button>
					<button type="button" class="btn btn-primary mgl btn-color" id="delall">删除</button>
				</div>
			</div>
			<div class="row std-paging">
				<div class="col-md-4"></div>
				<nav aria-label="Page navigation">
					<ul class="pagination">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
				<div class="col-md-4"></div>
			</div>
		</div>
	</div>



	<div class="modal fade" id="std-add" tabindex="-1" role="dialog" aria-labelledby="std-add1">
		<div class="modal-dialog" role="document">
			<div class="modal-content" style="background: #f9f7f0">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="std-add1">添加学生</h4>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="form-group hd">
							<label for="name">姓名</label>
							<input type="text" class="form-control" id="name">
						</div>
						<div class="form-group">
							<label>性别</label>
							<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									请选择 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">男</a></li>
									<li><a href="#">女</a></li>
								</ul>
							</div>
						</div>
						<div class="form-group hd">
							<label for="age">年龄</label>
							<input type="text" class="form-control" id="age">
						</div>
						<div class="form-group">
							<label>班级</label>
							<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									请选择 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">xx小班</a></li>
									<li><a href="#">xx中班</a></li>
									<li><a href="#">xx大班</a></li>
								</ul>
							</div>
						</div>
					</form>
					<form class="form-inline">
						<div class="form-group hd">
							<label for="time">入学时间</label>
							<input type="text" class="form-control" id="time">
						</div>
						<div class="form-group layer-hd">
							<label for="name2">班主任</label>
							<input type="text" class="form-control" id="name2">
						</div>
						<div class="form-group">
							<label>个人状态</label>
							<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									请选择 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">在校</a></li>
									<li><a href="#">在假</a></li>
									<li><a href="#">已毕业</a></li>
								</ul>
							</div>
						</div>
					</form>
					<form class="form-inline">
						<div class="form-group hd">
							<label for="parentname">监护人</label>
							<input type="text" class="form-control" id="parentname">
						</div>
						<div class="form-group hd">
							<label for="relation">与监护人关系</label>
							<input type="text" class="form-control" id="relation">
						</div>
						<div class="form-group hd">
							<label for="tel">联系电话</label>
							<input type="text" class="form-control" id="tel">
						</div>
						<div class="form-group hd">
							<label for="address">家庭住址</label>
							<input type="text" class="form-control" id="address">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary btn-color">保存</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

